/*导航*/
.none{
	display: none;
}
.clear{
	clear: both;
}
.zya_box {
    width: 100%;
    display: block;
    height: 46px;
}
.zya_box span {
    width: 120px;
    height: 100%;
    display: block;
    float: left;
    cursor: pointer;
    background: rgba(249,249,249,1);
    margin-right: 1px;
    text-align: center;
    font-size: 16px;
    color: rgba(50,50,50,1);
    line-height: 46px;
}

/*信息*/
.baseInfo{
	background: #fff;
}
.baseInfo li{
	text-align: left;
	min-height: 45px;
	line-height: 45px;
}
.baseInfo .title{
	width: 120px;
	display: inline-block;
	text-align: left;
	float: left;
	color:rgba(100,100,100,1);
}
.baseInfo .info{
	width: 530px;
	display: inline-block;
	text-align: left;
	float: left;
	color:rgba(50,50,50,1);
}

.updatatext{ padding-top:4px; height:41px; display:block; float:left;}
.updatePassword{
	padding-left: 10px;
	font-size: 12px;
	color:#47a4e9;
	cursor:pointer;
}

.baseInfo .info input{
	width: 300px;
	height: 30px;
	border: 1px solid #c8c8c8;
	padding-left: 5px;
	color:rgba(50,50,50,1);
	outline:none;
}
.baseInfo .info p{
	color: red;
	line-height:15px;
}
.baseInfo .info textarea{
	width: 530px;
	height:110px ;
	border: 1px solid #c8c8c8;
	margin-top: 3px;
	padding: 5px;
	resize:none;
}

.baseInfo .info .zy_h5src{ width:100%; height:30px; line-height:30px; font-size:14px; text-overflow:ellipsis; white-space:nowrap; overflow:hidden;}
.baseInfo .info #code{ margin:10px; display:block; background:rgba(255,255,255,1); margin-left:120px; margin-bottom:20px;}

.h5descClass,.groupDescClass{ display:none;}


.buttons{
	padding-top:80px ;
	height: 100px;
}

.buttons div{
	width: 120px;
	height: 34px;
	float: left;
	line-height: 34px;
	text-align: center;
	color: #fff;
}
.buttons .saveButton{
	margin-left: 200px;
	background: #5a98de;
	cursor: pointer;
}
.buttons .resetButton{
	margin-left: 40px;
	background: #adadad;
	cursor: pointer;
}

.laydate-icon{
	margin-top: 8.5px;
    height: 28px;
    line-height: 28px;
    padding-right: 20px;
    border: 1px solid rgba(200,200,200,1);
    background-repeat: no-repeat;
    background-position: right center;
    background-color: #fff;
    outline: 0;
    width: 120px;
    height: 28px;
    padding: 0px 10px;
    border: 1px solid rgba(200,200,200,1);
    border: 1px solid #ccc;
	display: inline-block;    
}


.buttonPic{
	width: 90px;
	height: 30px;
	background:#5a98de;
	display: inline-block;
	line-height:30px;
	text-align: center;
	color: #fff;
	cursor: pointer;
}


.personTX{width: 80px;height: 80px;border-radius: 80px;border: 1px solid #d1d1d1;}

.personDesc{margin-top: 15px;margin-bottom: 10px;height: 193px;}

.picimg .zyimg{ display:none;}
/* ================== */
/* 上传头像 */
.zyheadbox,.zyhdbkbox{ width:96%; padding:5% 2%; display:none; background:rgba(255,255,255,1);}
.zyheaddva,.zyhdbk_dva{ width:100%; height:500px; display:block;}
.zyheaddvb,.zyhdbk_btmbox{ display:block; height:30px; margin-top:10px;}
.zyheaddvb{ width:78%;}
.zyhdbk_btmbox{ width:62%;}

.zyhead_lf{ width:78%; display:block; height:100%; float:left;}
.zyhead_rt{ width:22%; display:block; height:100%; float:right;}

.zyhead_rt_tle,.zyhdbk_txt{ width:100%; height:24px; font-size:14px; text-align:center; line-height:24px; color:rgba(50,50,50,1);}
.zyhdbk_txt{ position:absolute; top:0px; z-index:20;}
.zyhead_rt_sp{ width:100%; display:block; height:30px; line-height:30px; font-size:12px; text-align:center; color:rgba(100,100,100,1);}
.zyhead_rt div{ display:block; overflow:hidden; margin:20px auto 0px; border:1px solid rgba(220,220,220,1);}
.preview-lg{ width:120px; height:120px; border-radius:50%;}
.preview-md{ width:40px; height:40px; border-radius:50%;}
.preview-sm{ width:40px; height:40px;}
/*.preview-xs{ width:40px; height:40px;}*/
.picimg{ width:100%; height:100%; display:block;}
.zyhead_rotate .btn{ width:30px; height:30px; display:block; float:left; margin:0px 10px; background:#5a98de; cursor:pointer;}
.zyhead_rotate .btn span{ width:100%; display:block; height:100%;}
.icon{ background:url(../static/img/navimg/zyheadicon.png) no-repeat; background-size:30px auto; display:block;}
.icon-rotate-left{ background-position:0px 0px;}
.icon-rotate-right{ background-position:0px -30px;}

.zy_upimg,.zy_submit{height:100%; display:block; color:rgba(255,255,255,1); background:#5a98de; text-align:center; line-height:30px; cursor:pointer; float:left;}

.zy_upimg{ width:120px; }
.zy_submit{ width:80px; margin-left:10px;}
.zyhead_rotate{ height:100%; display:block; float:right;}


#zyheadupimg,#zyhdbkupimg{ opacity:0; display:block; position:absolute; z-index:-10; left:0; bottom:0;}



/* 上传背景图 */
.zyhdbk_lf{ width:62%; height:100%; display:block; float:left; background:rgba(0,102,255,0.2);}
.zyhdbk_rt{ width:38%; height:100%; display:block; float:right; position:relative;}

.zyhdbk_cont{ width:200px; margin:22% auto 0px; position:relative;}
.preview_top,.preview_btm{ width:200px !important; height:200px !important; display:block; overflow:hidden;}
.preview_btm{ 
	-webkit-transform:rotateX(180deg); -webkit-transform-origin:left center;
	-moz-transform:rotateX(180deg); -moz-transform-origin:left center;
	-ms-transform:rotateX(180deg); -ms-transform-origin:left center;
	-o-transform:rotateX(180deg); -o-transform-origin:left center;
	transform:rotateX(180deg); transform-origin:left center;}

.zyhdbk_phone{ width:130%; position:absolute; z-index:10; top:50%; left:50%; display:block; pointer-events:none;}
.zyhdbk_pimg{ width:100%; display:block;}

.zyhdbk_shd{ width:200px; display:block; position:absolute; z-index:4; left:0px; pointer-events:none;}
.zyhdbk_stp{ top:0px; height:150px;
background:-webkit-linear-gradient(top,rgba(0,0,0,0.6),rgba(0,0,0,0.2),rgba(0,0,0,0),rgba(0,0,0,0));
background: -o-linear-gradient(top,rgba(0,0,0,0.6),rgba(0,0,0,0),rgba(0,0,0,0),rgba(0,0,0,0));
background: -moz-linear-gradient(top,rgba(0,0,0,0.6),rgba(0,0,0,0),rgba(0,0,0,0),rgba(0,0,0,0));
background: linear-gradient(top,rgba(0,0,0,0.6),rgba(0,0,0,0),rgba(0,0,0,0),rgba(0,0,0,0));}

.zyhdbk_sbt{ bottom:0px; height:200px;
background:-webkit-linear-gradient(top,rgba(0,0,0,0.1),rgba(0,0,0,0.2),rgba(0,0,0,0.4),rgba(0,0,0,0.6));
background: -o-linear-gradient(top,rgba(0,0,0,0.1),rgba(0,0,0,0.2),rgba(0,0,0,0.4),rgba(0,0,0,0.6));
background: -moz-linear-gradient(top,rgba(0,0,0,0.1),rgba(0,0,0,0.2),rgba(0,0,0,0.4),rgba(0,0,0,0.6));
background: linear-gradient(top,rgba(0,0,0,0.1),rgba(0,0,0,0.2),rgba(0,0,0,0.4),rgba(0,0,0,0.6));}


.zytry{ width:200px; height:auto; position:absolute; z-index:10; left:20px; top:20px; display:block;}



